<template>
  <div id="ec-i-list">
    <div class="ec-i-title">
      <slot name="ec-i-t-pic"></slot>
      <slot name="ec-i-t"></slot>
    </div>
    <div class="ec-i-list-con">
      <slot name="ec-i-list-con"></slot>
    </div>
  </div>
</template>
<script>
    export default{
      name:"ec-i-list"
    }
</script>
<style>
#ec-i-list{
  width: 92%;
  padding:0 6%;
}
.ec-i-title{
  font-size: 14px;
  display: flex;
  align-items: center;
}
.ec-i-title img{
  width: 40px;
  height:40px;
}
.ec-i-title span{
  display: inline-block;
  font-size: 16px;
  padding:0 10px;
}
.ec-i-list-con{
  margin-left: 20px;
  font-size: 14px;
  color: #BBBBBB;
  border-left: 1px solid #ED6942;
  padding: 20px 20px 40px;
}

  .ec-i-list-con>div img{
    width: 100%;
    height: 100px;
  }
@media (max-width: 320px){
  .ec-i-list-con>div img{
    height: 80px;
  }
  .ec-i-title img{
    width: 30px;
    height:30px;
  }
  .ec-i-title span{
    font-size: 14px;
  }
  .ec-i-list-con{
    margin-left: 14px;
    border-left: 1px solid #ED6942;
    padding: 15px 15px 20px;
    font-size: 12px;
  }
}

</style>
